<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        img {

            margin-left: 50%;
        }
    </style>
</head>
<body>

<h2>图片居中对齐</h2>
<p>要让图片居中对齐, 可以使用 margin: auto; 并将它放到块元素中：</p>


<img src="img_1.png" alt="Paris" style="width:40%">

</body>
</html>


<!--块级元素

<address>,  <button>,  <caption>,  <dd>,  <del>,  <div>,  <dl>,  <dt>,  <form>,  <h1>--<h6>,  <iframe>,  <li>

<object>,  <ol>,  <p>,  <table>,  <tbody>,  <td>,  <th>,  <thead>,  <tr>,  <ul>　　

行内元素

<a>,  <b>,  <br>,  <button>,  <del>,  <em>,  <i>,  <iframe>,  <img>,  <input>,  <label>,  <strong>,


行内元素、非置换元素不会应用width属性，比方对行内元素<a>应用了width:200px,你不会看到不论什么效果出现。

行内元素、非置换元素不会应用height属性，可是高度能够通过line-height来指定。

行内元素你能够给它设置padding。但仅仅有padding-left和padding-right会有效果，没有padding-top和padding-bottom。

margin属性也是和padding属性一样，对行内元素左右有效。上下无效。-->